<!-- 采用html5  -->
<!DOCTYPE html>
<html>

<head>


    <meta charset="UTF-8">

    <!-- 页面显示适应移动设备 -->
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>我的APP</title>

    <link rel="stylesheet" href="resources\we-vue\style.css">
    <link rel="stylesheet" href="resources\css\font-awesome.min.css">

    <style>
        /*元素选择器*/

        html {
            height: 100%;
        }

        body {
            height: 100%;
            padding: 0px;
            /*内边距*/
            margin: 0px;
            /*外边距*/
        }

        .my-container {
            position: relative;
            width: 100%;
            height: 100%;
            background-color: #f0f0f0;
        }
    </style>

<style>[_nghost-c6] {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }</style>
<style>.container[_ngcontent-c0]{margin-top:20px}.container[_ngcontent-c0]   .row.main[_ngcontent-c0]{min-height:650px}.container[_ngcontent-c0]   app-metric-form[_ngcontent-c0]{float:right;width:200px}.container[_ngcontent-c0]   form.row[_ngcontent-c0] > div[_ngcontent-c0]:not(.col-select-parameters){padding-left:25px;padding-right:25px}.container[_ngcontent-c0]   .col-sidebar[_ngcontent-c0]{border:1px solid #ccc;border-top:14px solid #000}.container[_ngcontent-c0]   .col-select-parameters[_ngcontent-c0]{padding:0;position:relative;min-width:290px}.container[_ngcontent-c0]   .col-parameters[_ngcontent-c0]{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:14px}.container[_ngcontent-c0]   h1[_ngcontent-c0]{font-size:1.6rem}.container[_ngcontent-c0]   h2[_ngcontent-c0]{font-size:1.4rem;padding:16px 0}.container[_ngcontent-c0]   h3[_ngcontent-c0]{font-size:1.3rem;padding:16px 0}.container[_ngcontent-c0]   footer[_ngcontent-c0]{margin-top:25px}.container[_ngcontent-c0]   footer[_ngcontent-c0]   p[_ngcontent-c0]{font-size:.7rem}</style>
<style>input[type=radio][_ngcontent-c1]{display:none}</style>
<style>.card-header[_ngcontent-c2]   a[_ngcontent-c2]{color:#292b2c;font-weight:700;font-size:1rem}.card-header[_ngcontent-c2]   label[_ngcontent-c2]{padding:0 0 0 .5rem}.card-header[_ngcontent-c2]   i[_ngcontent-c2]{font-size:.8rem;margin-top:9px}.card-block[_ngcontent-c2]{padding:1rem 1.25rem}.card-block[_ngcontent-c2]   label[_ngcontent-c2]{margin:3px 15px}h3[_ngcontent-c2]{font-size:1.3rem;padding:16px 15px}.toolbar-wrapper[_ngcontent-c2]{position:absolute;bottom:0;padding:20px 25px;border-top:1px solid #ccc;width:100%;text-align:center}.full-dump-wrapper[_ngcontent-c2]{margin-top:9px}.full-dump-wrapper[_ngcontent-c2]   a[_ngcontent-c2]{text-decoration:underline}</style>
<style>fieldset[_ngcontent-c3]   legend[_ngcontent-c3]{font-size:1rem;font-weight:700}h2[_ngcontent-c3]{font-size:1.4rem}.slide-steps[_ngcontent-c3]{position:relative;height:20px;font-size:.7rem}.slide-steps[_ngcontent-c3]   span.step[_ngcontent-c3]{position:absolute;text-align:center;width:80px;height:30px;margin-left:-40px;line-height:.9rem;top:-10px;display:table}.slide-steps[_ngcontent-c3]   span.step[_ngcontent-c3]   span.step-label[_ngcontent-c3]{display:table-cell;vertical-align:middle}.slide-steps[_ngcontent-c3]   span.step-bar[_ngcontent-c3]{top:14px}.form-slide[_ngcontent-c3]{margin-left:17px;margin-right:17px}</style>
<style>h3[_ngcontent-c4]{font-size:1.3rem;padding:16px 0}dd[_ngcontent-c4]{font-size:.9rem}p.helper-text[_ngcontent-c4]{font-size:.7rem}</style>

</head>


<body>

    <div id="app" lass="my-container">
           
        <div style="height:500px;border:1px solid rgb(38, 0, 255);overflow: auto;  ">
            <div style="font-size:20px;height:200px;border:1px solid red;" v-for="dep in deps" >{{dep.d_id}} {{dep.d_name}} {{dep.d_remark}}</div>
        </div>

        <fieldset _ngcontent-c3="" class="form-group">
            <legend _ngcontent-c3=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">热舒适</font></font></legend>
  
            <!---->
            
            <!---->
  
            <!----><!---->
              <div _ngcontent-c3="" class="form-slide">
                <div _ngcontent-c3="" class="slide-steps">
                  <!----><!---->
                    <!----><!---->
                      <span _ngcontent-c3="" class="step" style="left: 0%;">
                        <span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">非常不舒服</font></font></span>
                      </span>
                      <span _ngcontent-c3="" class="step step-bar" style="left: 0%;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> | </font></font></span>
                    <!---->
                      <font style="vertical-align: inherit;"><span _ngcontent-c3="" class="step" style="left: 16.6667%;"><span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;">难受</font></span></span><span _ngcontent-c3="" class="step step-bar" style="left: 16.6667%;"><font style="vertical-align: inherit;"> | </font></span><span _ngcontent-c3="" class="step" style="left: 33.3333%;"><span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;">稍不舒服</font></span></span><span _ngcontent-c3="" class="step step-bar" style="left: 33.3333%;"><font style="vertical-align: inherit;"> | </font></span><span _ngcontent-c3="" class="step" style="left: 50%;"><span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;">中立</font></span></span><span _ngcontent-c3="" class="step step-bar" style="left: 50%;"><font style="vertical-align: inherit;"> | </font></span><span _ngcontent-c3="" class="step" style="left: 66.6667%;"><span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;">稍微舒服</font></span></span><span _ngcontent-c3="" class="step step-bar" style="left: 66.6667%;"><font style="vertical-align: inherit;"> | </font></span><span _ngcontent-c3="" class="step" style="left: 83.3333%;"><span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;">舒服</font></span></span><span _ngcontent-c3="" class="step step-bar" style="left: 83.3333%;"><font style="vertical-align: inherit;"> | </font></span><span _ngcontent-c3="" class="step" style="left: 100%;"><span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;">很舒服</font></span></span><span _ngcontent-c3="" class="step step-bar" style="left: 100%;"><font style="vertical-align: inherit;"> |</font></span></font><span _ngcontent-c3="" class="step" style="left: 16.6667%;">
                        <span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;"></font></span>
                      </span>
                      <span _ngcontent-c3="" class="step step-bar" style="left: 16.6667%;"><font style="vertical-align: inherit;"></font></span>
                    <!---->
                      <span _ngcontent-c3="" class="step" style="left: 33.3333%;">
                        <span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;"></font></span>
                      </span>
                      <span _ngcontent-c3="" class="step step-bar" style="left: 33.3333%;"><font style="vertical-align: inherit;"></font></span>
                    <!---->
                      <span _ngcontent-c3="" class="step" style="left: 50%;">
                        <span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;"></font></span>
                      </span>
                      <span _ngcontent-c3="" class="step step-bar" style="left: 50%;"><font style="vertical-align: inherit;"></font></span>
                    <!---->
                      <span _ngcontent-c3="" class="step" style="left: 66.6667%;">
                        <span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;"></font></span>
                      </span>
                      <span _ngcontent-c3="" class="step step-bar" style="left: 66.6667%;"><font style="vertical-align: inherit;"></font></span>
                    <!---->
                      <span _ngcontent-c3="" class="step" style="left: 83.3333%;">
                        <span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;"></font></span>
                      </span>
                      <span _ngcontent-c3="" class="step step-bar" style="left: 83.3333%;"><font style="vertical-align: inherit;"></font></span>
                    <!---->
                      <span _ngcontent-c3="" class="step" style="left: 100%;">
                        <span _ngcontent-c3="" class="step-label"><font style="vertical-align: inherit;"></font></span>
                      </span>
                      <span _ngcontent-c3="" class="step step-bar" style="left: 100%;"><font style="vertical-align: inherit;"></font></span>
                    
                  
                </div>
  
                <!----><nouislider _ngcontent-c3="" _nghost-c6="" class="ng2-nouislider ng-untouched ng-valid ng-dirty"><div _ngcontent-c6="" class="noUi-target noUi-ltr noUi-horizontal"><div class="noUi-base"><div class="noUi-connects"><div class="noUi-connect" style="transform: translate(16.6667%, 0px) scale(0.5, 1);"></div></div><div class="noUi-origin" style="transform: translate(-83.3333%, 0px); z-index: 5;"><div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="66.7" aria-valuenow="16.7" aria-valuetext="1"></div></div><div class="noUi-origin" style="transform: translate(-33.3333%, 0px); z-index: 4;"><div class="noUi-handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="16.7" aria-valuemax="100.0" aria-valuenow="66.7" aria-valuetext="4"></div></div></div></div></nouislider>
  
                <!---->
              </div>
             
          </fieldset>

    </div>
    <div id="left_content" style="background-color: #DCE7F7;"> 

  <div id="select_comfort_model" style="margin-bottom:7px; padding-top:6px; float:left;" class="in">
    <div id="modelDiv">
      &nbsp;选择计算模型：
    </div>
  </div>
        
  <div class="right" style="margin-bottom:5px; margin-bottom:7px; padding-top:10px;">
    <select id="model-type" style="float: right; margin-right: 14px; margin-bottom: 5px; display: none;" aria-disabled="false">
       <option value="pmvElevatedAirspeed">PMV模型</option>
       <option value="adaptiveComfort">适应性模型</option>
    </select><div><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" id="model-type-button" role="button" href="#nogo" tabindex="0" aria-haspopup="true" aria-owns="model-type-menu" aria-disabled="false" style="width: 200px;"><span class="ui-selectmenu-status">PMV模型</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></div>
  </div>

  <div id="inputs" style="margin-bottom:7px; padding-left:5px;" class="in">
    <div class="leftlabel" id="ta-lab">
      空气干球温度
    </div>
    <div class="inputfield">
      <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input class="inputbox ui-spinner-input" id="ta" aria-valuemin="0" aria-valuemax="120" aria-valuenow="25" autocomplete="off" role="spinbutton"><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
      <span class="tempunit">°C</span>
    </div>
    <div class="right">
      <input type="checkbox" id="link" class="ui-helper-hidden-accessible">
      <label id="labelforlink" style="text-align:left;" for="link" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">使用操作温度（Operative）</span></label>
    </div>  
    
    <div class="leftlabel" id="tr-lab" style="margin-top:15px;">
      平均辐射温度
    </div>
    <div class="inputfield" id="tr-input">
      <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input class="inputbox ui-spinner-input" id="tr" aria-valuemin="0" aria-valuemax="120" aria-valuenow="25" autocomplete="off" role="spinbutton"><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
      <span class="tempunit"> °C &nbsp;</span>
    </div>

    <div id="pmv-inputs">
      <div class="leftlabel" style="margin-top:15px;">
        风速
      </div>
      <div class="inputfield">
        <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input class="inputbox ui-spinner-input" id="vel" aria-valuemin="0" aria-valuemax="4" aria-valuenow="0.1" autocomplete="off" role="spinbutton"><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
        <span class="unit" id="vel-unit"> m/s</span>
      </div>
      <!--<div class="right" id="local-control-div">
        <input type="checkbox" id="local-control"/>
        <label style="text-align:left; " for="local-control">局部风速控制</label>
      </div>-->
     
      <div class="leftlabel" style="margin-top:15px;">
        空气湿度
      </div>
      <div class="inputfield">
        <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input class="inputbox ui-spinner-input" id="rh" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" autocomplete="off" role="spinbutton"><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
        <span class="unit" id="rh-unit"> %</span>
      </div>
    </div><!--end div id="pmv-inputs"-->
     
    <div class="right" id="humidity-spec-cont">
      <select id="humidity-spec" aria-disabled="false" style="display: none;">
        <option value="rh">相对湿度</option>
        <option value="w">含湿量(kg/kg(a))</option>
        <option value="dewpoint">露点温度</option>
        <option value="wetbulb">湿球温度</option>
        <option value="vappress">水蒸气分压力</option>
      </select><div><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" id="humidity-spec-button" role="button" href="#nogo" tabindex="0" aria-haspopup="true" aria-owns="humidity-spec-menu" aria-disabled="false" style="width: 200px;"><span class="ui-selectmenu-status">相对湿度</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></div>
    </div><!--end div id="humidity-spec-cont"-->      

    <div style="margin-bottom: 7px; display: none;" id="adaptive-inputs">
      <div class="leftlabel" style="margin-top:15px;">
	  盛行平均室外温度
      </div>
      <div class="inputfield">
        <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all" style=""><input class="inputbox ui-spinner-input" id="trm" aria-valuemin="0" aria-valuemax="120" aria-valuenow="29" autocomplete="off" role="spinbutton"><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button" style=""><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
        <span class="tempunit"> °C</span>
      </div>

      <div class="leftlabel" style="margin-top:15px;">
        风速
      </div>
      <div class="inputfield">
        <select id="vel_a" aria-disabled="false" style="display: none;">
          <option value="0.3" selected="selected">0.3 m/s (59 fpm)</option>
          <option value="0.6">0.6 m/s (118 fpm)</option>
          <option value="0.9">0.9 m/s (177 fpm)</option>
          <option value="1.2">1.2 m/s (236 fpm)</option>
        </select><div><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" id="vel_a-button" role="button" href="#nogo" tabindex="0" aria-haspopup="true" aria-owns="vel_a-menu" aria-disabled="false" style="width: 165px;"><span class="ui-selectmenu-status">0.3 m/s (59 fpm)</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></div>
      </div>
    </div><!--end div id="adaptive-inputs"-->

  </div><!--end div id="inputs"-->    

     <div class="in" id="actInput" style="padding-left:5px;">
       <div class="leftlabel" style="margin-top:15px;">
         新陈代谢率
       </div>
       <div class="inputfield" id="met_input">
         <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input class="inputbox ui-spinner-input" id="met" aria-valuemin="1" aria-valuemax="2" aria-valuenow="1.2" autocomplete="off" role="spinbutton"><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
         <span class="unit"> met</span>
       </div>
       <div class="right" id="actSelectDiv">
         <select id="actSelect" style="margin-left: 5px; display: none;" aria-disabled="false"><option value="1.2">放松站立: 1.2</option><option value="1">静坐: 1.0</option><option value="0.7">睡觉: 0.7</option><option value="0.8">倚靠: 0.8</option><option value="2">散步(3.2km/h): 2.0</option><option value="2.6">散步(4.8km/h): 2.6</option><option value="3.8">散步(6.4km/h): 3.8</option><option value="1">坐着阅读: 1.0</option><option value="1">坐着写字: 1.0</option><option value="1.1">坐着打字: 1.1</option><option value="1.2">坐着整理文件: 1.2</option><option value="1.4">站着整理文件: 1.4</option><option value="1.7">闲逛: 1.7</option><option value="2.1">提东西/打包东西: 2.1</option><option value="1.5">开轿车: 1.5</option><option value="1.2">开民航飞机: 1.2</option><option value="2.4">开战斗机: 2.4</option><option value="3.2">开大型汽车: 3.2</option><option value="1.8">做饭: 1.8</option><option value="2.7">打扫卫生: 2.7</option><option value="2.2">坐着做重型肢体运动: 2.2</option><option value="1.8">锯工: 1.8</option><option value="2.2">轻型器械工作: 2.2</option><option value="4">重型器械工作: 4.0</option><option value="4">举起45kg的物体: 4.0</option><option value="4.4">体力挖掘工作: 4.4</option><option value="3.4">跳舞: 3.4</option><option value="3.5">做健美操/体操: 3.5</option><option value="3.8">打网球: 3.8</option><option value="6.3">打篮球: 6.3</option><option value="7.8">摔跤: 7.8</option></select><div><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" id="actSelect-button" role="button" href="#nogo" tabindex="0" aria-haspopup="true" aria-owns="actSelect-menu" aria-disabled="false" style="width: 200px;"><span class="ui-selectmenu-status">放松站立: 1.2</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></div>
       </div>
     </div><!--end div id="actInput"-->
        
     <div style="margin-bottom: 7px; padding-left:5px;" class="in" id="cloInput">
       <div class="leftlabel" style="margin-top:15px;">
         服装热阻
       </div>
       <div class="inputfield">
         <span class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"><input class="inputbox ui-spinner-input" id="clo" aria-valuemin="0" aria-valuemax="10" aria-valuenow="0.5" autocomplete="off" role="spinbutton"><a class="ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-n">▲</span></span></a><a class="ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only" tabindex="-1" role="button"><span class="ui-button-text"><span class="ui-icon ui-icon-triangle-1-s">▼</span></span></a></span>
         <span class="unit"> clo</span>
       </div>
       <div class="inputfield" id="cloSelectDiv">
         <select id="cloSelect" aria-disabled="false" style="display: none;"><option value="0.5">夏季室内典型着装: 0.5</option><option value="1">冬季室内典型着装: 1.0</option><option value="0.57">薄裤+短袖衬衫+袜+鞋+内裤: 0.57</option><option value="0.61">薄裤+长袖衬衫+袜+鞋+内裤: 0.61</option><option value="0.96">薄裤+长袖衬衫+西服上衣+袜+鞋+内裤: 0.96</option><option value="0.54">短裙+短袖衬衫+拖鞋+内裤: 0.54</option><option value="0.67">短裙+长袖衬衫+拖鞋+长衬裙+内裤: 0.67</option><option value="0.36">休闲短裤+短袖衬衫+拖鞋+内裤: 0.36</option><option value="0.74">运动裤+长袖运动衫+拖鞋+内裤: 0.74</option></select><div><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" id="cloSelect-button" role="button" href="#nogo" tabindex="0" aria-haspopup="true" aria-owns="cloSelect-menu" aria-disabled="false" style="width: 200px;"><span class="ui-selectmenu-status">夏季室内典型着装: 0.5</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></div>
       </div>
       <div>
         <input type="checkbox" id="customClo" class="ui-helper-hidden-accessible">
         <label style="margin-top:15px; margin-right:20px; width:96%;loat:left;" for="customClo" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button" aria-disabled="false"><span class="ui-button-icon-primary ui-icon ui-icon-person"></span><span class="ui-button-text">服装热阻精算</span></label>
       </div>
       <div id="customCloToggle" style="display:none; float:left;"><br>
         <select id="cloMultiSelect" class="multiselect" multiple="multiple" style="display: none;"><option value="0.04">内衣类--内裤(男)</option><option value="0.03">内衣类--内裤(女)</option><option value="0.01">内衣类--胸罩</option><option value="0.08">内衣类--T恤</option><option value="0.16">内衣类--长衬裙</option><option value="0.14">内衣类--短衬裙</option><option value="0.2">内衣类--秋衣</option><option value="0.15">内衣类--秋裤</option><option value="0.02">鞋袜类--踝袜(短袜)</option><option value="0.03">鞋袜类--小腿袜(中袜)</option><option value="0.06">鞋袜类--厚膝袜(厚长袜)</option><option value="0.02">鞋袜类--丝袜裤(女)</option><option value="0.02">鞋袜类--人字拖</option><option value="0.03">鞋袜类--普通拖鞋</option><option value="0.1">鞋袜类--皮靴</option><option value="0.12">衬衣类--无袖圆领衬衫(女)</option><option value="0.19">衬衣类--短袖衬衫(正装)</option><option value="0.25">衬衣类--长袖衬衫(正装)</option><option value="0.34">衬衣类--长袖绒衫</option><option value="0.17">衬衣类--短袖针织衫</option><option value="0.34">衬衣类--长袖运动衫</option><option value="0.06">裤子类--短裤</option><option value="0.08">裤子类--休闲短裤</option><option value="0.15">裤子类--直筒长裤(薄)</option><option value="0.24">裤子类--直筒长裤(厚)</option><option value="0.28">裤子类--运动裤</option><option value="0.3">裤子类--挂肩工装裤</option><option value="0.49">裤子类--连衣工装裤</option><option value="0.36">西服类--单排扣上衣(薄)</option><option value="0.44">西服类--单排扣上衣(厚)</option><option value="0.42">西服类--双排扣上衣(薄)</option><option value="0.48">西服类--双排扣上衣(厚)</option><option value="0.1">西服类--马甲/背心(薄)</option><option value="0.17">西服类--马甲/背心(厚)</option><option value="0.13">毛衣类--马甲/背心(薄)</option><option value="0.22">毛衣类--马甲/背心(厚)</option><option value="0.25">毛衣类--长袖毛衣(薄)</option><option value="0.36">毛衣类--长袖毛衣(厚)</option><option value="0.14">裙子类--长裙(薄)</option><option value="0.23">裙子类--长裙(厚)</option><option value="0.33">裙子类--长袖连衣裙(薄)</option><option value="0.47">裙子类--长袖连衣裙(厚)</option><option value="0.29">裙子类--短袖连衣裙(薄)</option><option value="0.23">裙子类--无袖圆连衣裙(薄)</option><option value="0.27">裙子类--无袖圆连衣裙(厚)</option><option value="0.18">睡衣类--无袖短睡裙(薄,女)</option><option value="0.2">睡衣类--无袖长睡裙(薄,女)</option><option value="0.31">睡衣类--短袖长睡裙(薄,女)</option><option value="0.46">睡衣类--长袖长睡裙(厚,女)</option><option value="0.57">睡衣类--长袖睡衣(厚)</option><option value="0.42">睡衣类--短袖睡衣(薄)</option><option value="0.69">睡衣类--长袖长袍(厚)</option><option value="0.48">睡衣类--长袖短袍(厚)</option><option value="0.34">睡衣类--短袖短袍(薄)</option><option value="0">坐椅类--金属椅</option><option value="0.01">坐椅类--木板凳</option><option value="0.1">坐椅类--普通办公椅</option><option value="0.15">坐椅类--沙发椅</option></select><div class="ui-multiselect ui-helper-clearfix ui-widget" style="width: 386px;"><div class="selected" style="width: 192px;"><div class="actions ui-widget-header ui-helper-clearfix" style=""><span class="count">0 items selected</span></div><ul class="selected connected-list" style="height: 200px;"><li class="ui-helper-hidden-accessible"></li></ul></div><div class="available" style="width: 192px;"><div class="actions ui-widget-header ui-helper-clearfix" style=""><input type="text" class="search empty ui-widget-content ui-corner-all" style="display: none;"><span class="add-all">Items</span></div><ul class="available connected-list" style="height: 200px;"><li class="ui-helper-hidden-accessible"></li><li class="ui-state-default ui-element" title="内衣类--内裤(男)" style=""><span class="ui-helper-hidden"></span>内衣类--内裤(男)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="内衣类--内裤(女)" style=""><span class="ui-helper-hidden"></span>内衣类--内裤(女)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="内衣类--胸罩" style=""><span class="ui-helper-hidden"></span>内衣类--胸罩<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="内衣类--T恤" style=""><span class="ui-helper-hidden"></span>内衣类--T恤<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="内衣类--长衬裙" style=""><span class="ui-helper-hidden"></span>内衣类--长衬裙<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="内衣类--短衬裙" style=""><span class="ui-helper-hidden"></span>内衣类--短衬裙<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="内衣类--秋衣" style=""><span class="ui-helper-hidden"></span>内衣类--秋衣<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="内衣类--秋裤" style=""><span class="ui-helper-hidden"></span>内衣类--秋裤<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="鞋袜类--踝袜(短袜)" style=""><span class="ui-helper-hidden"></span>鞋袜类--踝袜(短袜)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="鞋袜类--小腿袜(中袜)" style=""><span class="ui-helper-hidden"></span>鞋袜类--小腿袜(中袜)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="鞋袜类--厚膝袜(厚长袜)" style=""><span class="ui-helper-hidden"></span>鞋袜类--厚膝袜(厚长袜)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="鞋袜类--丝袜裤(女)" style=""><span class="ui-helper-hidden"></span>鞋袜类--丝袜裤(女)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="鞋袜类--人字拖" style=""><span class="ui-helper-hidden"></span>鞋袜类--人字拖<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="鞋袜类--普通拖鞋" style=""><span class="ui-helper-hidden"></span>鞋袜类--普通拖鞋<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="鞋袜类--皮靴" style=""><span class="ui-helper-hidden"></span>鞋袜类--皮靴<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="衬衣类--无袖圆领衬衫(女)" style=""><span class="ui-helper-hidden"></span>衬衣类--无袖圆领衬衫(女)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="衬衣类--短袖衬衫(正装)" style=""><span class="ui-helper-hidden"></span>衬衣类--短袖衬衫(正装)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="衬衣类--长袖衬衫(正装)" style=""><span class="ui-helper-hidden"></span>衬衣类--长袖衬衫(正装)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="衬衣类--长袖绒衫" style=""><span class="ui-helper-hidden"></span>衬衣类--长袖绒衫<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="衬衣类--短袖针织衫" style=""><span class="ui-helper-hidden"></span>衬衣类--短袖针织衫<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="衬衣类--长袖运动衫" style=""><span class="ui-helper-hidden"></span>衬衣类--长袖运动衫<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裤子类--短裤" style=""><span class="ui-helper-hidden"></span>裤子类--短裤<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裤子类--休闲短裤" style=""><span class="ui-helper-hidden"></span>裤子类--休闲短裤<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裤子类--直筒长裤(薄)" style=""><span class="ui-helper-hidden"></span>裤子类--直筒长裤(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裤子类--直筒长裤(厚)" style=""><span class="ui-helper-hidden"></span>裤子类--直筒长裤(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裤子类--运动裤" style=""><span class="ui-helper-hidden"></span>裤子类--运动裤<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裤子类--挂肩工装裤" style=""><span class="ui-helper-hidden"></span>裤子类--挂肩工装裤<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裤子类--连衣工装裤" style=""><span class="ui-helper-hidden"></span>裤子类--连衣工装裤<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="西服类--单排扣上衣(薄)" style=""><span class="ui-helper-hidden"></span>西服类--单排扣上衣(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="西服类--单排扣上衣(厚)" style=""><span class="ui-helper-hidden"></span>西服类--单排扣上衣(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="西服类--双排扣上衣(薄)" style=""><span class="ui-helper-hidden"></span>西服类--双排扣上衣(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="西服类--双排扣上衣(厚)" style=""><span class="ui-helper-hidden"></span>西服类--双排扣上衣(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="西服类--马甲/背心(薄)" style=""><span class="ui-helper-hidden"></span>西服类--马甲/背心(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="西服类--马甲/背心(厚)" style=""><span class="ui-helper-hidden"></span>西服类--马甲/背心(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="毛衣类--马甲/背心(薄)" style=""><span class="ui-helper-hidden"></span>毛衣类--马甲/背心(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="毛衣类--马甲/背心(厚)" style=""><span class="ui-helper-hidden"></span>毛衣类--马甲/背心(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="毛衣类--长袖毛衣(薄)" style=""><span class="ui-helper-hidden"></span>毛衣类--长袖毛衣(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="毛衣类--长袖毛衣(厚)" style=""><span class="ui-helper-hidden"></span>毛衣类--长袖毛衣(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裙子类--长裙(薄)" style=""><span class="ui-helper-hidden"></span>裙子类--长裙(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裙子类--长裙(厚)" style=""><span class="ui-helper-hidden"></span>裙子类--长裙(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裙子类--长袖连衣裙(薄)" style=""><span class="ui-helper-hidden"></span>裙子类--长袖连衣裙(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裙子类--长袖连衣裙(厚)" style=""><span class="ui-helper-hidden"></span>裙子类--长袖连衣裙(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裙子类--短袖连衣裙(薄)" style=""><span class="ui-helper-hidden"></span>裙子类--短袖连衣裙(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裙子类--无袖圆连衣裙(薄)" style=""><span class="ui-helper-hidden"></span>裙子类--无袖圆连衣裙(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="裙子类--无袖圆连衣裙(厚)" style=""><span class="ui-helper-hidden"></span>裙子类--无袖圆连衣裙(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="睡衣类--无袖短睡裙(薄,女)" style=""><span class="ui-helper-hidden"></span>睡衣类--无袖短睡裙(薄,女)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="睡衣类--无袖长睡裙(薄,女)" style=""><span class="ui-helper-hidden"></span>睡衣类--无袖长睡裙(薄,女)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="睡衣类--短袖长睡裙(薄,女)" style=""><span class="ui-helper-hidden"></span>睡衣类--短袖长睡裙(薄,女)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="睡衣类--长袖长睡裙(厚,女)" style=""><span class="ui-helper-hidden"></span>睡衣类--长袖长睡裙(厚,女)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="睡衣类--长袖睡衣(厚)" style=""><span class="ui-helper-hidden"></span>睡衣类--长袖睡衣(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="睡衣类--短袖睡衣(薄)" style=""><span class="ui-helper-hidden"></span>睡衣类--短袖睡衣(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="睡衣类--长袖长袍(厚)" style=""><span class="ui-helper-hidden"></span>睡衣类--长袖长袍(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="睡衣类--长袖短袍(厚)" style=""><span class="ui-helper-hidden"></span>睡衣类--长袖短袍(厚)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="睡衣类--短袖短袍(薄)" style=""><span class="ui-helper-hidden"></span>睡衣类--短袖短袍(薄)<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="坐椅类--金属椅" style=""><span class="ui-helper-hidden"></span>坐椅类--金属椅<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="坐椅类--木板凳" style=""><span class="ui-helper-hidden"></span>坐椅类--木板凳<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="坐椅类--普通办公椅" style=""><span class="ui-helper-hidden"></span>坐椅类--普通办公椅<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li><li class="ui-state-default ui-element" title="坐椅类--沙发椅" style=""><span class="ui-helper-hidden"></span>坐椅类--沙发椅<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li></ul></div></div>
         <button id="setClo" style="margin-top: 5px;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">设 定</span></button>
       </div>
       <div>
         <input type="checkbox" id="dynamicClo" class="ui-helper-hidden-accessible">
         <label style="margin-top:5px; width:96%;float:left;" for="dynamicClo" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button" aria-disabled="false"><span class="ui-button-icon-primary ui-icon ui-icon-person"></span><span class="ui-button-text">服装热阻估算</span></label>
       </div>
       <div id="dynamicCloToggle">
         <span class="xx" style="color: black; margin-left:10px; margin-top: 5px; font-size:12px">室外温度(6 am)</span>
         <input id="taOut6" maxlength="10" placeholder="0.0" style="height: 16px; font-size: 14px; padding: 3px; margin: 5px 0px 5px 10px;">
         <span class="tempunit">°C</span>
         <button id="setDynamicClo" style="float:right; margin: 5px 15px 5px;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">设 定</span></button>
      </div>
    
    </div><!--end div id="cloInput"--> 
       
    <div class="buttons ui-buttonset" style="float:left; margin-bottom:5px; margin-top: 5px; margin-left:10px;">
      <button id="specPressure" style="float:left; height:45px; position:relative; top: 50%" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button" aria-disabled="false"><span class="ui-button-text">当地大气压力</span></button>
      <button id="unitsToggle" style="float:left; height:45px;" class="ui-button ui-widget ui-state-default ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">SI/IP转换</span></button>
	  <button id="setDefaults" style="float:left; height:45px;" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right" role="button" aria-disabled="false"><span class="ui-button-text">重 置</span></button>
    </div>

  </div>

</body>

<script src="resources\js\vue.min.js"></script>
<script src="resources\js\jquery.min.js"></script>
<script src="resources\we-vue\index.js"></script>
<script src="resources\layer_mobile\layer.js"></script>
<script src="resources\js\my.js"></script>

<script>

    new Vue({
        el: '#app',
        data: {
          deps:[],
        },
        methods: {
        
        },
        mounted(){
            Serv.loadData({url:'/text.jsp'},(data)=>{
            this.deps=data;
            console.log(this.deps);
            })
        }
    });


</script>


</html>